<!DOCTYPE html>
<html>
	<head lang="en">
	    <meta charset="UTF-8">
	    <title>当当图书榜</title>
	    <link href="css/clearall.css" rel="stylesheet" type="text/css" />
	    <link href="css/book.css" rel="stylesheet" type="text/css"/>
	</head>
	<body>
		<div id="container">
			
		    <div id="header">
		        <div class="logo"><img src="img/logo.jpg" alt="logo"/></div>
		        <ul>
		            <li><a href="#">尾品汇</a></li>
		            <li><a href="#">当当优品</a></li>
		            <li><a href="#">数字馆</a></li>
		            <li><a href="#">都看阅器</a></li>
		            <li class="tip"><img src="img/icon_count.png" alt="tip"/></li>
		        </ul>
		    </div>
		    
		    
		    <div id="menu">
		        <a href="#">首页</a>
		        <a href="#">图书</a>
		        <a href="#">音像</a>
		        <a href="#">童装</a>
		        <a href="#">服装</a>
		        <a href="#">鞋靴</a>
		        <a href="#">运动</a>
		        <a href="#">箱包</a>
		        <a href="#">美妆</a>
		        <a href="#">珠宝</a>
		        <a href="#">家居</a>
		        <a href="#">食品</a>
		        <a href="#">酒</a>
		        <a href="#">手机</a>
		        <a href="#">数码</a>
		        <a href="#">电脑</a>
		        <a href="#">家电</a>
		    </div>
		    
		    <div class="clear10"></div>
                                       <!--
                                       	作者：1243833281@qq.com
                                       	时间：2021-11-14
                                       	描述：做中间的留白
                                       	在留白区清除浮动
                                       -->
		    
		    <div><img src="img/banner.png" alt="当当图书榜"/></div>
		    
		    <div class="clear10"></div>
		    
		    <div id="bookTop">
		        <div class="title"><img src="img/bg_bang.gif" alt="title"/></div>
		        <div class="bookLeft">
		            <dl>
		                <dt>
		                    <img src="img/book-01.jpg" alt="偷影子的人"/>
			                <div class="first">
			                    <img src="img/bookNo1.gif" alt="No1"/>
			                </div>
		                </dt>
		                <dd>
		                	<a href="#">偷影子的人</a>
		
		                    <p>作 者：[法] 马克・李维（Marc Levy）著,段韵灵 译</p>
		
		                    <p>出版社：湖南文艺出版社</p>
		
		                    <p>当当价：<strong>￥ 17.90</strong></p>
		
		                    <p>  不知道姓氏的克蕾儿。这就是你在我生命里的角色，我童年时的小女孩，今日蜕变成了女人，一段青梅竹马的回忆，一个时间之神没有应允的愿望。
		                        	一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能“偷别人的影子”，因而能看见他</p>
		                </dd>
		            </dl>
		        </div>
		        
		        <div class="bookRight">
		            <dl>
		                <dt>
		                	<img src="img/book-02.jpg" alt="看见"/>
		                	<div class="second"><img src="img/bookNo2.gif" alt="NO2"/></div>
		                </dt>
		                <dd><a href="#">看见(央视知名记者、主持人柴静：十年个人成长的告白，中国社会变迁的备忘</a>
		
		                    <p>作 者：柴静 著</p>
		
		                    <p>出版社：广西师范大学出版社</p>
		
		                    <p><strong>￥ 29.40</strong> <span>7.4折</span></p></dd>
		            </dl>
		            <dl>
		                <dt>
		                	<img src="img/book-03.jpg" alt="改变孩子先改变自己"/>
		                	<div class="third"><img src="img/bookNo3.gif" alt="NO3"/></div>
		                </dt>
		                <dd><a href="#">改变孩子先改变自己</a>
		
		                    <p>作 者：贾容韬 贾毅 著</p>
		
		                    <p>出版社：作家出版社</p>
		
		                    <p><strong>￥ 22.20</strong> <span>7.4折</span></p></dd>
		            </dl>
		        </div>
		        
			    <div class="clear10"></div>
			    
		    </div>
		    
		    <div id="footer">
		    	Copyright (C) 当当网 2004-2017, All Rights Reserved
		    	<img src="img/validate.gif" alt="版权标志"/>
		    	京ICP证041189号出版物经营许可证新出发京批字第直0673号
		    </div>
		</div>
	</body>
</html>
